//function init(){
//
//	var tab = [ [{g:1, h:1}, {h:1}, {h:1}, {h:1}	, {h:1}	, {h:1,d:1}	, {h:1}		, {h:1}	, {h:1,d:1}	, {h:1}	, {h:1}		, {h:1}	, {h:1}	, {h:1}		, {h:1} , {h:1,d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {}		, {}	, {}		, {d:1}	, {b:1}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {b:1}, {}	, {}	, {}	, {}		, {}		, {}	, {}		, {}	, {}		, {}	, {}	, {g:1}		, {} 	, {d:1}]
//					, [{g:1}	 , {g:1}, {}	, {}	, {}	, {}		, {}		, {}	, {}		, {}	, {}		, {d:1}	, {h:1}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {b:1,d:1}	, {}	, {}		, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1,b:1}]
//					, [{g:1,b:1} , {}	, {b:1}	, {}	, {}	, {}		, {}		, {d:1}	, {b:1}		, {}	, {}		, {}	, {}	, {b:1}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {d:1}	, {b:1}	, {}	, {}		, {}		, {}	, {}		, {}	, {}		, {}	, {}	, {d:1}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {d:1}		, {h:1}	, {h:1,d:1}	, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {d:1}		, {b:1}	, {b:1,d:1}	, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {d:1}, {b:1}	, {}	, {}	, {}		, {}		, {}	, {}		, {}	, {b:1,d:1}	, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {d:1}	, {}	, {}	, {}		, {}		, {}	, {}		, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {d:1}		, {h:1}	, {}		, {}	, {}		, {}	, {h:1}	, {g:1,b:1}	, {} 	, {d:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {}		, {}		, {}	, {}		, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1,h:1} , {}	, {}	, {}	, {}	, {}		, {}		, {}	, {d:1}		, {h:1}	, {}		, {}	, {}	, {}		, {} 	, {d:1,h:1}]
//					, [{g:1}	 , {}	, {}	, {}	, {}	, {b:1,d:1}	, {}		, {}	, {}		, {}	, {}		, {}	, {}	, {}		, {} 	, {d:1}]
//					, [{g:1,b:1}, {b:1}	, {b:1}	, {b:1}	, {b:1}	, {b:1}		, {b:1,d:1}	, {b:1}	, {b:1}		, {b:1}	, {b:1,d:1}	, {b:1}	, {b:1}	, {b:1}		, {b:1} , {d:1,b:1}]
//					];
//	construireTableau(tab);
//	evenementClickCellule();
//	afficherRobot(1,8);
//	 
//}

function construireTableau(tab){
	var board = document.getElementById("board");
	for (var i=0; i<=15; i++){
		var row = board.insertRow(-1);
		for (var j=0 ; j<=15; j++){
			var cell = row.insertCell(-1);
			cell.className = "cellule";
			cell.id = "cell_" + i + "_" + j;
			if(tab[i][j].g==1){
				
				cell.style.borderLeft = "10px solid black";
			}
			if(tab[i][j].d==1){
		
				cell.style.borderRight = "10px solid black";
			}
			if(tab[i][j].h==1){
			
				cell.style.borderTop = "10px solid black";
			}
			if(tab[i][j].b==1){
		
				cell.style.borderBottom = "10px solid black";
			}
		}
	}
}

function evenementClickCellule(){
	var cellules=document.getElementsByTagName('td');
    var i=-1;
    while (cellules[++i]){
    cellules[i].onclick=function(){
    	getCoordonneCellule(this)
    	;};
 
    }
		
}
function getCoordonneCellule(elem){
	var ligne = elem.parentNode.rowIndex; 
	var colonne=elem.cellIndex;
	console.log(ligne +"."+colonne);

}



function afficherRobot(row, column){
	var test = 'cell_'+ row + '_' + column;
	var cellule=document.getElementById(test);
	cellule.innerHTML = "<img id='img_robot_rouge' src='../image/robot_rouge.png' width='100%' />";

}